<template>
  <view class="Wodeaccount">
    <view class="Title">我的账户</view>
    <view class="account pos_r">
      <view class="card">
        <image src="../../static/images/pulice/pricebg.png" mode="scaleToFill" />
      </view>
      <view class="pos_a msg">
        <!-- 占位符 -->
        <view style="height: 100rpx"></view>
        <view class="Total">
          <view>总收入</view>
          <view class="num">{{ myCount.totalAmount }}</view>
        </view>
        <!-- 昨日 余额 -->
        <view class="Pricenum flex_al_cen_ju_bet">
          <view>
            <view @click="NavTo('/pages/Wode/income_balance?Type=1')" class="flex">
              昨日收入(元)
              <u-icon style="margin-left: 15rpx" name="arrow-right" color="#000" size="16"></u-icon>
            </view>
            <view>{{ myCount.yesterdayIncome }}</view>
          </view>
          <view>
            <view class="flex" @click="NavTo('/pages/Wode/income_balance?Type=2')">
              账户余额(元)
              <u-icon style="margin-left: 15rpx" name="arrow-right" color="#000" size="16"></u-icon>
            </view>
            <view>{{ myCount.balance }}</view>
          </view>
        </view>
      </view>
    </view>
    <!-- 银行卡 -->
    <!-- <view class="flex_al_cen_ju_bet Bankcard">
      <view>银行卡</view>
      <u-icon
        name="arrow-right"
        color="#000"
        size="20"
        @click="NavTo('/pages/BankCard/BankCard')"
      ></u-icon>
    </view> -->
  </view>
</template>
<script setup lang="ts">
import { NavTo } from "@/utlis/uni_api";
import countMy from "@/Hooks/Wode/accoutn";
import { onLoad } from "@dcloudio/uni-app";
import { getCurrentInstance } from "vue"
const { proxy } = getCurrentInstance() as any;
const { userCountMy, myCount } = countMy(Proxy)
onLoad(() => {

  userCountMy()
})
</script>
<style lang="scss" scoped>
@import "../../static/css/Wode/account.scss";
</style>
